<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="cn.com.byte1024.entity.Vote" %>
<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <!--[if lt IE 9]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/html5shiv.js"></script>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui/css/H-ui.min.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/H-ui.admin.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/lib/Hui-iconfont/1.0.8/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/skin/default/skin.css" id="skin" />
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/static/h-ui.admin/css/style.css" />
    <!--[if IE 6]>
    <script type="text/javascript" src="${pageContext.request.contextPath}/lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title>修改投票</title>
</head>
<body>
<article class="page-container">
    <form class="form form-horizontal" id="voteEditForm">
        <%String voteProjectId = (String) request.getAttribute("voteProjectId");%>
        <input type="hidden" id="voteProjectId" name="voteProjectId" value="<%=voteProjectId%>">
        <%Vote vote = (Vote) request.getAttribute("vote");%>
        <input type="hidden" id="voteId" name="voteId" value="<%=vote.getVoteId()%>">
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>标题：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <input type="text" class="input-text" value="<%=vote.getVoteTitle()%>" placeholder="标题" id="voteTitle" name="voteTitle" style="width:560px;">
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3"><span class="c-red">*</span>图片：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <div class="uploader-thum-container">
                    <input type="file" name="voteImg" id="voteImg"  class="input-text" enctype="multipart/form-data" style="width:560px;" />
                </div>
            </div>
        </div>
        <div class="row cl">
            <label class="form-label col-xs-4 col-sm-3">内容：</label>
            <div class="formControls col-xs-8 col-sm-9">
                <textarea name="voteContext" id="voteContext" style="width:560px;height: 250px;" cols="" rows="" class="textarea"  placeholder="说点什么...500个字符以内" dragonfly="true" onKeyUp="test();"></textarea>
                <p class="textarea-numberbar"><em class="textarea-length">0</em>/500</p>
            </div>
        </div>
        <div class="row cl">
            <div class="col-xs-8 col-sm-9 col-xs-offset-4 col-sm-offset-3">
                <input class="btn btn-primary radius" type="submit" value="&nbsp;&nbsp;提交&nbsp;&nbsp;">
            </div>
        </div>
    </form>
</article>

<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/layer/2.4/layer.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/My97DatePicker/4.8/WdatePicker.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/jquery.validate.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/validate-methods.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/lib/jquery.validation/1.14.0/messages_zh.js"></script>
<script type="text/javascript">
    function test(){
        $(".textarea").Huitextarealength({
            minlength:0,
            maxlength:500,//字数限制
            exceed:false//超多字数不让输入
        });
    }
    $(function(){
        $("#voteContext").val('<%=vote.getVoteContext()%>');
        $("#voteEditForm").validate({
            rules:{
                voteTitle:{
                    required:true,
                },
                voteImg:{
                    required:true,
                },
                voteContext:{
                    required:true,
                },
                
            },
            onkeyup:false,
            focusCleanup:true,
            success:"valid",
            submitHandler:function(form){
                var formData = new FormData();  //初始化一个formdata
                formData.append("voteImg",document.getElementById("voteImg").files[0]);  //向formdata中添加其他新的键值  
                formData.append("voteId",$.trim($('#voteId').val()));
                formData.append("voteTitle",$.trim($('#voteTitle').val()));
                formData.append("voteContext",$.trim($('#voteContext').val()));
                formData.append("voteProjectId",$.trim($('#voteProjectId').val()))
                $.ajax({
                    type: 'post',
                    url: '${pageContext.request.contextPath}/vote/voteUpdate' ,
                    data: formData,
                    enctype:"multipart/form-data",
                    async:false, 
                    cache: false,//上传文件无需缓存
                    processData: false,//用于对data参数进行序列化处理 这里必须false
                    contentType: false, //必须*/
                    success: function(data){
                        layer.msg('修改成功!',{icon:1,time:1000},function () {
                            window.parent.location.reload();
                            var index = parent.layer.getFrameIndex(window.name);
                            parent.layer.close(index);
                        });
                    },
                    error: function(data){
                        layer.msg('修改失败!',{icon:2,time:1000});
                    }
                });
                
            }
        });
    });
</script>

</body>
</html>